.input-group {
  @apply -flex -items-stretch;
}

.input-group > .form-control,
.input-group > .input-control {
  @apply -flex-auto -z-[1];
}

.input-group-addon {
  @apply -h-8 -ring-[--form-control-border] -ring-1 -px-2 -flex -items-center -flex-none -z-0 -rounded-[--form-control-radius] -bg-[--input-group-addon-bg];
}
.size-sm > .input-group-addon {
  @apply -text-sm -px-2 -h-6;
}
.size-lg > .input-group-addon {
  @apply -text-lg -px-3 -h-10;
}

.input-group-control {
  @apply -flex-auto;
}

.input-group > * + *,
.input-group > * + * .form-control {
  @apply -rounded-l-none;
}
.input-group > *:not(:last-child),
.input-group > *:not(:last-child) .form-control {
  @apply -rounded-r-none;
}

.input-group .form-control:focus,
.input-group .btn:focus-visible {
  @apply -z-[2];
}
